<template>
    <div class="mine-container pd-T40">
        <myNavbar :title="title"></myNavbar>
        <list>
            <cell>
                <html :content="content" :imgWidth="750"></html>
            </cell>
        </list>
    </div>
</template>
<script>
    import { article } from '../../../api/tag';
    import html from '../../../components/html/html.vue'
    import myNavbar from '../../../components/myNavbar/myNavbar.vue'
    export default {
        data() {
            return {
                content: '',
                title: ''
            };
        },
        components: { html ,myNavbar},
        created() {
            let params = app.config.params
            // this.title = params.title
            article(params).then(res => {
                console.log(res)
                if (res.data.data.length > 0){
                    setTimeout(() => {
                        this.content = res.data.data[0].content
                        this.title = res.data.data[0].title
                    }, 100)
                }
            })
                .catch(err => {
                    console.log(err)
                })
        },
        methods: {}
    };
</script>

<style scoped>
    .page-navbar {
        width: 750px;
        height: 90px;
    }
    .page-navbar-title {
        color: #ffffff;
        font-size: 28px;
    }
</style>
